function App (){
  let msg ="你好中国react!"
  let text = "2023年还有<strong>一个月</strong>就到了"
  let flag = true;
  let isLog = true;
  let list = ["Vue","React","Uni-app","小程序"];

  return (<div>
    <h1>模板语法</h1>
    <h2>列表渲染</h2>
    {
      list.map((item,index)=><h4 key={index}>{item}</h4>)
    }
    <div>
      {msg.split('').map((item,ind)=><p key={ind}>{item}</p>)}
    </div>

    <h2>条件渲染</h2>
    {isLog&&<p>欢迎回来主人</p>}
    {flag?<p>成功</p>:<p>失败</p>}

    <h2>文本渲染</h2>
    <p>{msg}</p>
    <div dangerouslySetInnerHTML={{__html:text}}></div>
  </div>)
}
export default App
//  dangerously危险的 Set设置 InnerHTML html内容